<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/self_info.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../libs/font/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <header></header>
    <!-- 主体 -->
    <main>
        <div class="head-title">
            <div class="container">
                <a href="../index.html">首页</a><span class="iconfont icon-lunboyoufangun"></span>
                我的商城
            </div>
        </div>
        <div class="mask">
            <img src="../img/other/touxiang.jpg" style="width: 500px;height:500px;" class="bigtouxiang">
            <span class="del">&times;</span>
        </div>
        <div class="info">
            <div class="container">
                <div class="middle">
                    <img src="../img/other/touxiang.jpg" class="touxiang">
                    <div class="name">
                        <p>王竹君</p>
                        <a href="">V0会员</a><a href="">我的权益></a><a href="">收货地址</a>
                    </div>
                    <div class="save">
                        <a href="">积分: 0</a>
                        <a href="cart.html">购物车：<em>0</em></a>
                        <a href="colletion.html">收藏夹：<span>0</span></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="order">
            <div class="container">
                <h2>我的订单</h2>
                <div class="bottom">
                    <div>
                        <span class="iconfont icon-xiexiangbao"></span>
                        <p>待付款</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shoucang"></span>
                        <p>待收货</p>
                    </div>
                    <div>
                        <span class="iconfont icon-xinxi"></span>
                        <p>待评价</p>
                    </div>
                    <div>
                        <span class="iconfont icon-qian"></span>
                        <p>退换退款</p>
                    </div>
                    <div>
                        <span class="iconfont icon-zhizhang"></span>
                        <p>回收单</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="order">
            <div class="container">
                <h2>我的频道</h2>
                <div class="bottom">
                    <div>
                        <span class="iconfont icon-yanjing"></span>
                        <p>会员频道</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shoucang2"></span>
                        <p>我的积分</p>
                    </div>
                    <div>
                        <span class="iconfont icon-hua"></span>
                        <p>教育商店</p>
                    </div>
                    <div>
                        <span class="iconfont icon-hezi"></span>
                        <p>福利中心</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shoucang1"></span>
                        <p>企业购</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="order">
            <div class="container">
                <h2>服务工具</h2>
                <div class="bottom">
                    <div>
                        <span class="iconfont icon-yanjing"></span>
                        <p>自助服务</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shoucang2"></span>
                        <p>收货地址</p>
                    </div>
                    <div>
                        <span class="iconfont icon-hua"></span>
                        <p>以旧换新</p>
                    </div>
                    <div>
                        <span class="iconfont icon-hezi"></span>
                        <p>补够保障</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shoucang1"></span>
                        <p>消息中心</p>
                    </div>
                    <div>
                        <span class="iconfont icon-shoucang1"></span>
                        <p>隐私设置</p>
                    </div>
                </div>
            </div>
        </div>

    </main>
    <!-- 底部 -->
    <footer></footer>
    <script src="../libs/require.js" data-main="../js/self_main"></script>
</body>
</html>